<template>
    <h3>Child</h3>
    <!-- 显示父类传来的数据 -->
    {{ title }},{{ message }},{{ number }}
    <ul>
        <li v-for="(name,index) in names" key="index">{{ name }}</li>
    </ul>
    <p>{{ user.name }}</p>
    <p>{{ user.age }}</p>
</template>
<script>

export default{
    data(){
        return{

        }
    },
    // 接收父组件的属性 要用双引号引起来
    props:["title","message","number","names","user"]
    /*
    注意事项：
        1、props传递数据，只能从父级传递到子级，不能从子级传递到父级
        2、通过props传递数据，不仅可以传递字符串类型的，任何类型的值都可以通过props传递，例如对象、数组等
    */
}
</script>